<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title>LNF</title>
        <meta name="description" content="LNF">

        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="/static/css/style.css">

        <!-- slider -->
        <link rel="stylesheet" href="/static/slider/css/slidorion.css" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="/static/slider/js/jquery.easing.js"></script>
        <script src="/static/slider/js/jquery.slidorion.min.js"></script>

        <script>
            $(document).ready(function(){
                $('#slidorion').slidorion({
                    speed: 1000,
                    interval: 400000000,
                    effect: 'slideLeft'
                });
            });
        </script>
    </head>
    <body>
        <header>
            <div class="centered">Tabela de Jogos</div>
            <a href="{% url tabela %}?turno=1">1º Turno</a><br />
            <a href="{% url tabela %}?turno=2">2º Turno</a>
        </header>
        <div role="main" class="content centered">
            <div id="slidorion">
                <div id="slider">
					{% for rodada in turno %}
	                    <div class="slide">
							<ul>
							{% for partida in rodada%}
								<li>
									
	                                <a href="{% url exibir_partida partida_id=partida.pk %}">
	                                    <p class="tabela-esquerda">{{partida.clube_mandante.nome}}</p>
	                                    <p class="tabela-placar">{{partida.placar.0}} x {{partida.placar.1}}</p>
	                                    <p class="tabela-direita">{{partida.clube_visitante.nome}}</p>
	                                </a>
								</li>
							{% endfor %}
							</ul>
	                    </div>
					{% endfor %}
                </div>
                
                <div id="accordion">
                	{% for rodada in turno %}
	                    <div class="link-header">Rodada n°{{forloop.counter}}</div>
	                    <div class="link-content">
                    	</div>
                	{% endfor %}
                </div>
            </div>
        </div>
        <br style="clear: both;" />
        <footer>
            <div class="centered">Felipe Arruda; Hiran Azevedo; Pedro Marins; Thiago Leao;</div>
        </footer>
    <script>
    	var _gaq=[['_setAccount','UA-XXX'],['_trackPageview']];
    	(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    	g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    	s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>

    </body>
</html>